<template>
  <div v-if="result" class="result-display">
    <h3>识别结果</h3>
    <p>{{ result }}</p>
  </div>
</template>

<script>
export default {
  props: ['result']
};
</script>

<style scoped>
.result-display {
  width: 400px; /* 设置固定宽度 */
  margin: 20px auto; /* 上下边距，左右自动居中 */
  padding: 15px;
  background-color: #f8f9fa;
  border-radius: 5px;
  color: #333;
  display: flex; /* 使用 Flexbox */
  flex-direction: column; /* 垂直排列 */
  align-items: center; /* 水平居中 */
  text-align: center; /* 文本居中 */
}
</style>